<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度</title>
</head>
<style>
    *{
        margin: 0px;
    }
    header { 
        height: 50px;
        display: flex;
        justify-content: space-between;
    }
    li {
        float: left;
        margin-right: 10px;
        list-style: none;
        font-size: 16px;
        padding-top: 10px;
    }
    a {
        text-decoration: none;
    }

    #main {
        height: 75vh;
        display: flex;
    }
    #form {
        width: 60vw;
        height: 50vh;
        margin: auto auto;
        display:flex;
        flex-direction: column;
        align-items: center;
    }

    input {
        font-size: 30px
    }

    #sousuo {
        border-radius: 10px 0px 0px 10px;
        border: 1px solid rgb(88, 92, 88);
        padding: 10px;
        font-size: 20px;
    }

    #baiduyixia {
        background-color: blue;
        border-radius: 0px 10px 10px 0px;
        border: 0px;
        padding: 10px;
        font-size: 20px;
        color: white;
    }
</style>

<body>
    <header>
        <ul>
            <li><a href="">新闻</a> </li>
            <li><a href="">hao123</a></li>
            <li><a href="">地图</a></li>
            <li><a href="">贴吧</a></li>
            <li><a href="">视频</a></li>
            <li><a href="">图片</a></li>
            <li><a href="">网盘</a></li>
            <li><a href="">文库</a></li>
            <li><a href="">更多</a></li>
        </ul>

        <ul>
            <li>锦江</li>
            <li>设置</li>
            <li><img src="./2020000054.jpg" 
                style="border-radius: 15px; border: 1px solid rgb(57, 90, 179);"
                 width="24px" height="24x" alt=""></li> 
        </ul>
    </header>
    <div id="main">
        <div id="form">
            <img width="400px" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="">
            <div>
                <input type="text" id="sousuo" placeholder="输入文字">
                <input type="button" id="baiduyixia" value="百度一下">
            </div>
        </div>
    </div>
    <footer>
        <ul>
            <li><a href="">关于百度</a> </li>
            <li><a href=""> About Baidu</a></li>
            <li><a href="">使用百度前必读</a></li>
            <li><a href="">帮助中心企业推广</a></li>
            <li><a href="">京公网安备11000002000001号</a></li>
            <li><a href="">京ICP证030173号</a></li>
            <li><a href="">互联网新闻信息服务许可证11220180008</a></li>

        </ul>
    </footer>

</body>

</html>